<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Deportes Halcon</title>

<link rel="stylesheet" type="text/css" href="css/style.css" />
<script type="text/javascript" src="js/script.js"></script>

</head>

<body>

	<div id="contenedor">
		
			
			
			<div id="header">
			<a href="#"><img id="logo" src ="images/logohalcon.png" alt="halcon"></a>
			<ul class="nav">
				<li><a  href="#" >Futbol</a></li>
				
				<li><a href="#">Baloncesto</a>
				
				<li><a href="#">Tenis</a>
					
				<li><a href="#" >Ciclismo</a>
			</ul>	
			</div><!-- Fin de header-->
			

		<h2 class="titulo">Tienda de Deportes</h2>
		<h3 class="subtitulo">Sitio web para hacer las mejores compras</h3>

		<div class="divisor"></div>
		
		<div id="presenta">
			<div class="bio">
				<iframe class="bio" frameborder="0" src="images/logohalcon1.png" name="entrada" width="850" height="365"></iframe>	
			</div>
			
		
		</div><!--Fin de presenta-->
		
		<div class="art-box-body art-blockcontent-body">
		<form action="validar_usuario.php" method="post" id="login-form" >
		<fieldset class="userdata">
			<p id="form-login-username">
		<label for="modlgn-username">Usuario</label>
		<input id="modlgn-username" type="text" name="username" class="inputbox"  size="18" />
			</p>
			<p id="form-login-password">
		<label for="modlgn-passwd">Contraseña</label>
		<input id="modlgn-passwd" type="password" name="password" class="inputbox" size="18"  />
			</p>
			
		<span class="art-button-wrapper"><span class="art-button-l"> </span><span class="art-button-r"> </span><input type="submit" name="Submit" class="button art-button" value="Iniciar sesión" /></span>
		</fieldset>
	<ul>
		
	</form>
	</div>
		<!--Fin de formulario-->
		
		<div class="clear"></div>

		<div class="divisor"></div>

		<div id="dinamico">
			

			
			<div class="clear"></div>

		</div><!--Fin de dinamico-->
		
	</div><!--Fin de contenedor-->

	<div id="footer">
		<p>Proyecto Final</p>
	</div><!-- Fin de footer-->

</body>
</html>